<template>
  <div class="dindan">
    <div class="dindan-item">
      <span>
        订单中心
      </span>
      <router-link to="/home" style="">查看全部 ></router-link>
    </div>
    <div class="dingdan-xianq">
      <router-link to="/home">
      <van-icon class="icon" name="smile-comment"/>
      <p>待付款</p>
      </router-link>
      <router-link to="/home">
      <van-icon class="icon" name="smile-comment" />
      <p>待发货</p>
      </router-link>
      <router-link to="/home">
      <van-icon class="icon" name="smile-comment" />
      <p>待收货</p>
      </router-link>
      <router-link to="/home">
      <van-icon class="icon" name="smile-comment" />
      <p>待评价</p>
      </router-link>
      <router-link to="/home">
      <van-icon class="icon" name="smile-comment" />
      <p>售后/退款</p>
      </router-link>
     

    </div>
  </div>
</template>
<script>
export default {
  data(){
    return {

    }
  }
}
</script>
<style lang="scss" scoped>
*{
  margin:0;
  padding: 0;
}
.dindan{
  height: 120px;
  width: 94%;
  background: white;
  margin: auto;
  box-sizing: border-box;
  padding: 10px;
  border-radius: 10px;
  margin-top: 10px;
  .dindan-item{
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .dingdan-xianq{
     display: flex;
    justify-content: space-between;
    text-align: center;
    .icon{
      color: green;
    }
    p{
      font-size: 12px;
      color: #000;
    }
  }
}
</style>